<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>VilenBlog</title>
    <link rel="stylesheet" href="css/mdui.css"/>
</head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-pink ">

<div class="mdui-appbar">
    <div class="mdui-toolbar mdui-color-theme">
        <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">menu</i></a>
        <a href="javascript:;" class="mdui-typo-title">Title</a>
        <div class="mdui-toolbar-spacer"></div>
        <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>
        <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">refresh</i></a>
        <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></a>
    </div>
</div>
<link rel="stylesheet" href="//mdui-aliyun.cdn.w3cbus.com/source/dist/css/mdui.min.css"/>
    <div class="mdui-tab mdui-color-theme" mdui-tab>
        <a href=index.html class="mdui-ripple mdui-ripple-white">
            <i class="mdui-icon material-icons">设备列表</i>
            <label>List</label>
        </a>
        <a href="#example6-tab2" class="mdui-ripple mdui-ripple-white">
            <i class="mdui-icon material-icons">增添设备</i>
            <label>Add</label>
        </a>
        <a href="#example6-tab3" class="mdui-ripple mdui-ripple-white">
            <i class="mdui-icon material-icons">更改设备</i>
            <label>update</label>
            <a href="#example6-tab4" class="mdui-ripple mdui-ripple-white">
                <i class="mdui-icon material-icons">查询设备</i>
                <label>select</label>
            </a>
            <div class="mdui-chip">
            <span class="mdui-chip-icon"><i class="mdui-icon material-icons">face</i></span>
            <span class="mdui-chip-title">sendMessage</span>
        </div>
    </div>
<div class="mdui-container">

            <div class="mdui-textfield mdui-textfield-floating-label">
                <label class="mdui-textfield-label">设备id</label>
                <input  id ="DeviceId" class="mdui-textfield-input" type="text" required/>
                <div class="mdui-textfield-error">设备名不能为空</div>
            </div>
            <div class="mdui-textfield mdui-textfield-floating-label">
                <label class="mdui-textfield-label">购买人</label>
                <input  id ="DeviceBuyer" class="mdui-textfield-input" type="text" required/>
                <div class="mdui-textfield-error">购买人不得为空</div>
            </div>

            <div class="mdui-textfield mdui-textfield-floating-label">
                <label class="mdui-textfield-label">设备所在城市</label>
                <input  id ="DevicePlace" class="mdui-textfield-input" type="text"  required/>
                <div class="mdui-textfield-error">具体到学校</div>
                <div class="mdui-textfield-helper">具体到学校</div>
            </div>

            <div>
                <form>

                    <label class="mdui-radio">
                        <input type="radio" name="group1"/>
                        <i class="mdui-radio-icon"></i>
                        电子设备
                    </label>

                    <label class="mdui-radio">
                        <input type="radio" name="group1" >
                        <i class="mdui-radio-icon"></i>
                        教学设备
                    </label>

                    <label class="mdui-radio">
                        <input type="radio" name="group1" >
                        <i class="mdui-radio-icon"></i>
                        其他
                    </label>



                    <label class="mdui-radio">
                        <input type="radio" name="group1" disabled checked/>
                        <i class="mdui-radio-icon"></i>
                        禁用，且选中
                    </label>
                </form>

            </div>

    </div>

                <button class="mdui-fab mdui-fab-fixed mdui-color-amber" mdui-dialog="{target: '#example-1'}">open</button>

                    <div class="mdui-dialog" id="example-1">

                        <div class="mdui-dialog-title">确定提交吗</div>
                        <div class="mdui-dialog-content">可以更改</div>
                        <div class="mdui-dialog-actions">
                            <button class="mdui-btn mdui-ripple">取消</button>
                            <button  id="test"class="mdui-btn mdui-ripple">是的</button>
                        </div>
    </div>





    </head>
</body>
<script src="//mdui-aliyun.cdn.w3cbus.com/source/dist/js/mdui.min.js"></script>
<script src="js/mdui.js"></script>
<script text="text/javascripit" src="js/jquery-min.js"></script>
<script src="js/addDevice.js"></script>

</html>